// 其他用户信息页面
<template>
    <div style="text-align: center">
        <info-block :editable="false">
            <div slot="title">基本信息</div>
            <div slot="read-box">
                <div class="info-block-line">
                    <div class="read-head">用户名</div>
                    {{ user.name }}
                </div>
                <div class="info-block-line">
                    <div class="read-head">个性签名</div>
                    {{ user.signature }}
                </div>
                <div class="info-block-line" v-if="roots.gender">
                    <div class="read-head">性别</div>
                    {{ user.gender }}
                </div>
            </div>
        </info-block>
        <info-block :editable="false" v-if="contactMethod()">
            <div slot="title">联系方式</div>
            <div slot="read-box">
                <div class="info-block-line" v-if="roots.email">
                    <div class="read-head">电子邮箱</div>
                    {{ user.email }}
                </div>
                <div class="info-block-line" v-if="roots.wechat">
                    <div class="read-head">微信</div>
                    {{ user.wechat }}
                </div>
                <div class="info-block-line" v-if="roots.qq">
                    <div class="read-head">QQ 号</div>
                    {{ user.qq }}
                </div>
                <div class="info-block-line" v-if="roots.tel">
                    <div class="read-head">电话号码</div>
                    {{ user.tel }}
                </div>
            </div>
        </info-block>
        <info-block :editable="false" v-if="eduBackground()">
            <div slot="title">教育背景</div>
            <div slot="read-box">
                <div class="info-block-line" v-if="roots.school">
                    <div class="read-head">学校</div>
                    {{ user.school }}
                </div>
                <div class="info-block-line" v-if="roots.major">
                    <div class="read-head">专业</div>
                    {{ user.major }}
                </div>
                <div class="info-block-line" v-if="roots.sid">
                    <div class="read-head">学号</div>
                    {{ user.sid }}
                </div>
                <div class="info-block-line" v-if="roots.entryYear">
                    <div class="read-head">入学年份</div>
                    {{ user.entryYear }}
                </div>
                <div class="info-block-line" v-if="roots.realName">
                    <div class="read-head">真实姓名</div>
                    {{ user.realName }}
                </div>
            </div>
        </info-block>
        <Button type="primary" @click="addFriend">添加好友</Button>
    </div>
</template>

<script lang='ts'>
import { OtherUserInfo } from "./Index";
export default OtherUserInfo;
</script>

<style lang='scss' scoped>
</style>